.monitor .main-wrap {
    min-height: 300px;
}

.fullscreen .monitor-container {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0 45px;
}

.fullscreen .monitor-toolbar {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    width: 100%;
}

fieldset {
    border-width: 1px 0 0 0;
}

/* === Tabs === */
.grid-s9m0 {
    min-height: 480px;
}

.col-sub {
    position: relative;
}

ul.ztree li>a {
    margin-right: 56px;
    position: relative;
    z-index: 1;
}

ul.ztree .node-editor {
    position: absolute;
    top: 0;
    right: -40px;
    margin: 0;
    padding: 0;
    display: block;
    width: 40px;
}

ul.ztree .curSelectedNode .node-editor {
    top: -1px;
    right: -39px;
}

ul.ztree .node-editor a {
    margin: 0;
    padding: 0 5px !important;
}

.tab-container.tab-grey {
    padding: 0;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 32px;
}

.tab-container.tab-grey ul.tabs {
    padding: 5px 5px 0 !important;
    padding: 5px 0px 0;
    position: absolute;
    z-index: 2;
    float: left;
    box-sizing: border-box;
    width: 100%;
    height: 30px;
    background: #e3e3e3;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tab-container.tab-grey ul.tabs li {
    width: 74px;
}

.tab-container.tab-grey ul.tabs li a {
    padding: 0;
}

.tab-container.tab-grey .tab-content {
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

.tab-container.tab-grey .tab-content>div {
    height: 100%;
    position: relative;
}

.tab-container.tab-grey .btn-toolbar {
    padding: 5px !important;
    padding: 2px;
    position: absolute;
    z-index: 4;
    box-sizing: border-box;
    width: 100%;
    height: 38px;
}

#monResource .btn-toolbar,
#monFavorite .btn-toolbar {
    height: 35px;
    line-height: 20px;
}

#monResource .treeview {
    padding-top: 61px;
}

#monResource.simple .breadLine {
    display: none;
}

#monResource.simple .treeview {
    padding-top: 30px;
}

#monFavorite .treeview {
    padding-top: 35px;
}

.tab-grey .searchLine {
    margin: 0;
    padding: 0 25px 0 0;
    border: 1px solid #cccccc;
    background: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

/* wqy create*/

#monResource .search-input {
    margin: 4px 0 0;
    padding: 2px 0;
    clear: both;
    height: 26px;
    display: none;
}

#monResource .search-input #orgName {
    margin-left: 5px;
    width: 195px;
}

#monResource #orgSearch {
    cursor: pointer;
    width: 24px;
    height: 20px;
    display: block;
    background: url(../images/video/search_org.png) no-repeat 0 50%
}

#monResource #orgSearch:hover {
    cursor: hand;
    width: 24px;
    background: url(../images/video/search_org.png) no-repeat -24px
}

#monResource.hasFilter .search-input {
    display: block;
}

#monResource.hasFilter .btn-toolbar {
    height: 70px;
}

#monResource.hasFilter .breadLine {
    top: 70px;
}

#monResource.hasView #orgSearch {
    display: none;
    color: #F00
}

.tab-grey .searchLine .iTextClearButtonContainer {
    border: none;
}

.tab-grey .searchLine input[type="text"] {
    width: 100%;
    height: 24px;
    padding: 2px 5px 2px 5px;
    border: none;
    background: none;
    box-shadow: none;
    transition: none;
    vertical-align: top;
    width: 180px;
}

.tab-grey .searchLine button {
    background: none;
    border: none !important;
    width: 28px;
}

.tab-grey .breadLine {
    position: absolute;
    z-index: 3;
    top: 30px;
    z-index: 2;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 30px;
    display: block;
    border-bottom: 1px solid #C4C6C5;
    background: #fff;
}

.tab-grey .breadLine ul.breadcrumbs {
    padding: 5px 5px 5px 20px;
    background: #f1f1f1;
    z-index: 2;
}

.tab-grey .breadLine ul.breadcrumbs .end-li {
    line-height: 22px;
}

.tab-grey .breadLine ul.breadcrumbs li {
    height: auto;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
}

.tab-grey .breadLine ul.breadcrumbs li li {
    padding-left: 0;
    font-weight: normal;
}

.tab-grey .breadLine ul.breadcrumbs li a {
    padding: 3px 10px 3px 0;
    font-weight: normal;
    height: auto;
    line-height: normal;
    background-position: 100% -251px;
    ;
    color: #3063B0;
}

.tab-grey .breadLine ul.breadcrumbs li a:hover {
    color: #F60;
}

.tab-grey .breadLine ul.breadcrumbs li span {
    display: inline;
    float: none;
}

.tab-grey .breadLine ul.breadcrumbs li li a {
    padding: 5px 10px;
    background-position: 100% 0;
    color: #6A6A6A;
}

.tab-grey .breadLine ul.breadcrumbs li li a:hover {
    color: #FFF;
}

.tab-grey .breadLine .toggle-more {
    position: absolute;
    left: 0;
    z-index: 3;
    margin: 7px 5px;
    width: 13px;
    height: 13px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-indent: -9999px;
    background-position: -269px -6px;
}

.tab-grey .breadLine .toggle-more:hover {
    background-position: -269px -30px;
}

.tab-grey .breadLine.collapse .toggle-more {
    background-position: -293px -6px;
}

.tab-grey .breadLine.collapse .toggle-more:hover {
    background-position: -293px -30px;
}

.tab-grey .category {
    margin: 0;
    padding: 5px 5px 5px 20px;
    box-sizing: border-box;
    width: 100%;
}

.tab-grey .collapse .category {
    display: none;
}

.tab-grey .category li a {
    margin: 0 5px 3px;
    padding: 0;
    display: block;
    background: none;
    border: none;
}

.tab-grey .category li a:hover {}

.tab-grey .category li.active a {
    border: none;
    background: none;
    color: #f60;
}

.tab-grey .treeview {
    padding: 38px 0 1px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.tab-grey .treeview .ztree {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
}

.tab-grey #monSearch {
    position: relative;
    z-index: 1;
}

.tab-grey #monSearch .treeview {
    padding-bottom: 30px;
}

.tab-grey .pagination-mini {
    margin-top: -30px;
    padding: 5px;
    position: relative;
    z-index: 2;
}

/* Search Results */
.spot-list {
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px solid #C4C6C5;
    overflow: auto;
}

.spot-list>div {
    margin-bottom: 1px;
    position: relative;
    z-index: 3;
}

.spot-list dl {
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    margin: -1px 0 0;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
}

.spot-list dl:hover,
.spot-list dl.hover {
    background: #DDEAFF;
}

.spot-list dl.active {
    z-index: 2;
    padding: 5px 9px;
    border: 1px solid #FFB951;
    background: #FFE6B0;
}

.spot-list dl dt {
    position: relative;
    padding-right: 42px;
}

.spot-list dl dt .ico {
    width: 18px;
    height: 18px;
}

.spot-list dl dt .more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.spot-list dl dt .more a {
    margin-left: 5px;
}

.spot-list dl:hover dt .more,
.spot-list dl.hover dt .more {
    display: block;
}

.spot-list dl dt h6 {
    font-size: 12px;
    word-wrap: break-word;
    word-break: break-all;
}

.spot-list dl dt h6 .ico {
    margin-right: 5px;
}

.spot-list dl dd {
    margin-left: 23px;
    word-wrap: break-word;
    word-break: break-all;
}

.spot-list dl dd em {
    font-style: normal;
    color: #ff6600;
}

.dualBoxes .spot-list {
    border-left: none;
    border-right: none;
}

/* tips */
.spot-list .tips {
    color: #4f7307;
    font-weight: normal;
    margin: 5px;
}

.spot-list .tips code {
    color: #ff0000;
}

/* === Control Panel === */
.control-container {
    margin: 0 1px 0 2px;
    padding: 0 5px 5px !important;
    padding: 0 0 5px;
    position: absolute;
    z-index: 5;
    bottom: 0;
    box-sizing: border-box;
    width: 247px;
    height: 31px;
    border: 1px solid #c6c6c6;
    border-bottom: none;
    background: #e3e3e3;
    overflow: hidden;
}

.hasPanel .control-container {
    height: 255px;
    overflow: visible;
}

.toggle-switch {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    display: block;
    background-position: -292px -52px;
}

.toggle-switch:hover {
    background-position: -292px -76px;
}

.hasPanel .toggle-switch {
    background-position: -268px -52px;
}

.hasPanel .toggle-switch:hover {
    background-position: -268px -76px;
}

.hasPanel .tab-grey {
    bottom: 256px;
}

.control-content ul.tabs {
    border-radius: 0;
}

.control-content .tab-content {
    padding: 10px;
    height: 210px;
    border: 1px solid #C8C8C8;
    border-top: 0;
    background: #F1F1F1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
}

.control-container .tab-content {
    position: relative;
    z-index: 1;
    padding: 0;
}

.control-container .tab-content .control-mask {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border: none;
    opacity: 0.3;
    FILTER: alpha(opacity=30);
}

/* #ptzController .control-mask { bottom: auto; height: 140px; } */
.control-panel {
    position: relative;
    padding: 10px;
}

.control-panel .controller {
    margin: 0 auto;
    padding: 6px;
    width: 201px;
    height: 128px;
    background: url(../images/controller_bg.png) no-repeat 0 0;
}

.control-panel .controller .ico,
.control-panel .toolbar .ico,
.control-panel .setting .ico,
.controller li a i,
.controller .speed,
.controller .speed .ui-slider-handle,
.controller .rocker,
.controller .quartet li,
.controller .scope a,
.controller .tool a,
.control-panel .toolbar li a,
.control-panel .locked .ico,
.monitor-toolbar .ico {
    background: transparent url(../images/sprite_control.png) no-repeat -9999px 0;
}

.controller,
.controller li a {
    position: relative;
}

.controller li a i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    display: block;
}

.controller .speed {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 9px 0 0 8px;
    background-position: 0 0;
    width: 44px;
    height: 84px;
}

.controller .speed .volume {
    width: 24px;
    height: 61px;
    display: block;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.controller .speed .volume .ui-slider-range {
    background: url(../images/volume.png) no-repeat 0 100%;
    width: 24px;
    height: 61px;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.controller .speed .volume .ui-slider-handle {
    background-position: -316px -6px;
    width: 16px;
    height: 12px;
    left: -11px;
}

.controller .speed .volume .ui-slider-handle:hover {
    background-position: -316px -206px;
}

.controller .speed .volume .ui-slider-handle:active {
    background-position: -316px -406px;
}

.controller .speed .ico {
    background-position: -291px -5px;
    width: 18px;
    height: 13px;
}

.controller .rocker {
    position: absolute;
    top: 6px;
    left: 36px;
    z-index: 2;
    width: 89px;
    height: 93px;
    background-position: -90px 0;
}

/* === 鏂滆鏂瑰悜 === */
.controller .rocker .diagonal {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

.controller .rocker .diagonal li {
    width: 44px;
    height: 44px;
    float: left;
    position: relative;
}

.controller .rocker .diagonal li a {
    position: absolute;
    z-index: 3;
}

.controller .rocker .diagonal li a .ico {
    width: 20px;
    height: 21px;
}

/* Normal */
.controller .rocker .diagonal li.nw {
    background-position: -432px -122px;
}

.controller .rocker .diagonal li.nw a {
    top: 3px;
    left: 4px;
}

.controller .rocker .diagonal li.nw a .ico {
    background-position: -530px -1px;
}

.controller .rocker .diagonal li.ne {
    background-position: -283px -120px;
}

.controller .rocker .diagonal li.ne a {
    top: 3px;
    right: 3px;
}

.controller .rocker .diagonal li.ne a .ico {
    background-position: -458px -1px;
}

.controller .rocker .diagonal li.sw {
    background-position: -384px -120px;
}

.controller .rocker .diagonal li.sw a {
    bottom: 3px;
    left: 4px;
}

.controller .rocker .diagonal li.sw a .ico {
    background-position: -506px -1px;
}

.controller .rocker .diagonal li.se {
    background-position: -335px -118px;
}

.controller .rocker .diagonal li.se a {
    bottom: 3px;
    right: 3px;
}

.controller .rocker .diagonal li.se a .ico {
    background-position: -482px -1px;
}

/* Hover */
.controller .rocker .diagonal li.nw a:hover .ico {
    background-position: -530px -201px;
}

.controller .rocker .diagonal li.ne a:hover .ico {
    background-position: -458px -201px;
}

.controller .rocker .diagonal li.sw a:hover .ico {
    background-position: -506px -201px;
}

.controller .rocker .diagonal li.se a:hover .ico {
    background-position: -482px -201px;
}

/* Active */
.controller .rocker .diagonal li.nw a.active .ico,
.controller .rocker .diagonal li.nw a:active .ico {
    background-position: -530px -401px;
}

.controller .rocker .diagonal li.ne a.active .ico,
.controller .rocker .diagonal li.ne a:active .ico {
    background-position: -458px -401px;
}

.controller .rocker .diagonal li.sw a.active .ico,
.controller .rocker .diagonal li.sw a:active .ico {
    background-position: -506px -401px;
}

.controller .rocker .diagonal li.se a.active .ico,
.controller .rocker .diagonal li.se a:active .ico {
    background-position: -482px -401px;
}

/* === 涓滃崡瑗垮寳 姝ｆ柟鍚� === */
.controller .rocker .quartet {
    padding: 1px 0 0 1px;
    position: relative;
    width: 100%;
    height: 100%;
}

.controller .rocker .quartet li {
    float: left;
}

.controller .rocker .quartet li a {
    display: block;
    text-align: center;
}

.controller .rocker .quartet li a .ico {
    width: 25px;
    height: 25px;
}

/* Normal */
.controller .rocker .quartet li.n a {
    margin: 0 25px;
    width: 38px;
    height: 25px;
}

.controller .rocker .quartet li.n a .ico {
    background-position: -335px 0;
}

.controller .rocker .quartet li.w a {
    width: 25px;
    height: 38px;
}

.controller .rocker .quartet li.w a .ico {
    margin-top: 6px;
    background-position: -407px 0;
}

.controller .rocker .quartet li.c a {
    width: 38px;
    height: 38px;
    position: relative;
}

.controller .rocker .quartet li.c a .ico {
    width: 38px;
    height: 38px;
    background-position: -209px -99px;
}

.controller .rocker .quartet li.c a i {
    bottom: 10px;
    right: 10px;
    background-position: -435px -3px;
}

.controller .rocker.diagonalOn .quartet li.c a i {
    background-position: -435px -3px;
}

.controller .rocker .quartet li.e a {
    width: 25px;
    height: 38px;
}

.controller .rocker .quartet li.e a .ico {
    margin-top: 6px;
    background-position: -359px 0;
}

.controller .rocker .quartet li.s a {
    margin: 0 25px;
    width: 38px;
    height: 25px;
}

.controller .rocker .quartet li.s a .ico {
    background-position: -383px 0;
}

/* Hover */
.controller .rocker .quartet li.n a:hover .ico {
    background-position: -335px -200px;
}

.controller .rocker .quartet li.w a:hover .ico {
    background-position: -407px -200px;
}

.controller .rocker.diagonalOn .quartet li.c a .ico {
    background-position: -209px -299px;
}

.controller .rocker .quartet li.c a:hover i {
    background-position: -435px -3px;
}

.controller .rocker .quartet li.e a:hover .ico {
    background-position: -359px -200px;
}

.controller .rocker .quartet li.s a:hover .ico {
    background-position: -383px -200px;
}

/* Active */
.controller .rocker .quartet li.n a.active .ico,
.controller .rocker .quartet li.n a:active .ico {
    background-position: -335px -400px;
}

.controller .rocker .quartet li.w a.active .ico,
.controller .rocker .quartet li.w a:active .ico {
    background-position: -407px -400px;
}

.controller .rocker .quartet li.c a.active .ico,
.controller .rocker .quartet li.c a:active .ico {
    background-position: -209px -499px;
}

.controller .rocker .quartet li.e a.active .ico,
.controller .rocker .quartet li.e a:active .ico {
    background-position: -359px -400px;
}

.controller .rocker .quartet li.s a.active .ico,
.controller .rocker .quartet li.s a:active .ico {
    background-position: -383px -400px;
}

/* === 鎽勫儚澶存搷浣� === */
.controller .scope {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 104px;
    height: 93px;
}

.controller .scope li {
    float: left;
}

.controller .scope li a {
    display: block;
    width: 42px;
    height: 31px;
    text-align: right;
}

.controller .scope li a .ico {
    margin: 6px 10px 0 0;
}

.controller .scope li.focal-out a {
    width: 62px;
    background-position: -180px 0;
}

.controller .scope li.focal-out a .ico {
    background-position: -291px -27px;
}

.controller .scope li.focal-in a {
    background-position: -242px 0;
}

.controller .scope li.focal-in a .ico {
    background-position: -315px -27px;
}

.controller .scope li.lens-out a {
    margin-left: 24px;
    width: 38px;
    background-position: -204px -31px;
}

.controller .scope li.lens-out a .ico {
    background-position: -339px -27px;
}

.controller .scope li.lens-in a {
    background-position: -242px -31px;
}

.controller .scope li.lens-in a .ico {
    background-position: -363px -27px;
}

.controller .scope li.aperture-out a {
    width: 62px;
    background-position: -180px -62px;
}

.controller .scope li.aperture-out a .ico {
    background-position: -387px -27px;
}

.controller .scope li.aperture-in a {
    background-position: -242px -62px;
}

.controller .scope li.aperture-in a .ico {
    background-position: -411px -27px;
}

/* Hover */
.controller .scope li.focal-out a:hover {
    width: 62px;
    background-position: -180px -200px;
}

.controller .scope li.focal-out a:hover .ico {
    background-position: -291px -227px;
}

.controller .scope li.focal-in a:hover {
    background-position: -242px -200px;
}

.controller .scope li.focal-in a:hover .ico {
    background-position: -315px -227px;
}

.controller .scope li.lens-out a:hover {
    margin-left: 24px;
    width: 38px;
    background-position: -204px -231px;
}

.controller .scope li.lens-out a:hover .ico {
    background-position: -339px -227px;
}

.controller .scope li.lens-in a:hover {
    background-position: -242px -231px;
}

.controller .scope li.lens-in a:hover .ico {
    background-position: -363px -227px;
}

.controller .scope li.aperture-out a:hover {
    width: 62px;
    background-position: -180px -262px;
}

.controller .scope li.aperture-out a:hover .ico {
    background-position: -387px -227px;
}

.controller .scope li.aperture-in a:hover {
    background-position: -242px -262px;
}

.controller .scope li.aperture-in a:hover .ico {
    background-position: -411px -227px;
}

/* Active */
.controller .scope li.focal-out.selected a,
.controller .scope li.focal-out a.active,
.controller .scope li.focal-out a:active {
    width: 62px;
    background-position: -180px -400px;
}

.controller .scope li.focal-out.selected a .ico,
.controller .scope li.focal-out a.active .ico,
.controller .scope li.focal-out a:active .ico {
    background-position: -291px -427px;
}

.controller .scope li.focal-in.selected a,
.controller .scope li.focal-in a.active,
.controller .scope li.focal-in a:active {
    background-position: -242px -400px;
}

.controller .scope li.focal-in.selected a .ico,
.controller .scope li.focal-in a.active .ico,
.controller .scope li.focal-in a:active .ico {
    background-position: -315px -427px;
}

.controller .scope li.lens-out.selected a,
.controller .scope li.lens-out a.active,
.controller .scope li.lens-out a:active {
    margin-left: 24px;
    width: 38px;
    background-position: -204px -431px;
}

.controller .scope li.lens-out.selected a .ico,
.controller .scope li.lens-out a.active .ico,
.controller .scope li.lens-out a:active .ico {
    background-position: -339px -427px;
}

.controller .scope li.lens-in.selected a,
.controller .scope li.lens-in a.active,
.controller .scope li.lens-in a:active {
    background-position: -242px -431px;
}

.controller .scope li.lens-in.selected a .ico,
.controller .scope li.lens-in a.active .ico,
.controller .scope li.lens-in a:active .ico {
    background-position: -363px -427px;
}

.controller .scope li.aperture-out.selected a,
.controller .scope li.aperture-out a.active,
.controller .scope li.aperture-out a:active {
    width: 62px;
    background-position: -180px -462px;
}

.controller .scope li.aperture-out.selected a .ico,
.controller .scope li.aperture-out a.active .ico,
.controller .scope li.aperture-out a:active .ico {
    background-position: -387px -427px;
}

.controller .scope li.aperture-in.selected a,
.controller .scope li.aperture-in a.active,
.controller .scope li.aperture-in a:active {
    background-position: -242px -462px;
}

.controller .scope li.aperture-in.selected a .ico,
.controller .scope li.aperture-in a.active .ico,
.controller .scope li.aperture-in a:active .ico {
    background-position: -411px -427px;
}

/* === 宸ュ叿鏉� === */
.controller .tool {
    margin-top: 95px;
}

.controller .tool li {
    float: left;
}

.controller .tool li a {
    width: 32px;
    height: 31px;
    display: block;
    text-align: center;
}

.controller .tool li a .ico {
    margin: 6px;
}

.controller .tool li.act-gohome a {
    background-position: 0 -100px;
}

.controller .tool li.act-gohome a .ico {
    background-position: -435px -27px;
}

.controller .tool li.act-lockptz a {
    background-position: 0 -100px;
}

.controller .tool li.act-lockptz a .ico {
    background-position: -483px -27px;
}

.controller .tool li.act-zoom3d a {
    background-position: -40px -100px;
}

.controller .tool li.act-zoom3d a .ico {
    width: 24px;
    background-position: -504px -27px;
}

.controller .tool li.act-light a {
    background-position: -80px -100px;
}

.controller .tool li.act-light a .ico {
    background-position: -387px -51px;
}

.controller .tool li.act-light.selected a .ico {
    background-position: -411px -51px;
}

.controller .tool li.act-brush a {
    background-position: -120px -100px;
}

.controller .tool li.act-brush a .ico {
    background-position: -435px -51px;
}

.controller .tool li.act-light a {
    background-position: -120px -100px;
}

.controller .tool li.act-patrol a .ico {
    background-position: -531px -27px;
}

.controller .tool li.act-patrol a {
    background-position: -120px -100px;
}

.controller .tool li.act-track a {
    background-position: -160px -100px;
    width: 41px;
}

.controller .tool li.act-track a .ico {
    background-position: -291px -628px;
}

/* Hover */
.controller .tool li.act-gohome a:hover {
    background-position: 0 -300px;
}

.controller .tool li.act-gohome a:hover .ico {
    background-position: -435px -227px;
}

.controller .tool li.act-lockptz a:hover {
    background-position: 0 -300px;
}

.controller .tool li.act-zoom3d a:hover {
    background-position: -40px -300px;
}

.controller .tool li.act-zoom3d a:hover .ico {
    background-position: -504px -227px;
}

.controller .tool li.act-light a:hover {
    background-position: -80px -300px;
}

.controller .tool li.act-light a:hover .ico {
    background-position: -387px -251px;
}

.controller .tool li.act-light.selected a:hover .ico {
    background-position: -411px -251px;
}

.controller .tool li.act-brush a:hover {
    background-position: -120px -300px;
}

.controller .tool li.act-brush a:hover .ico {
    background-position: -435px -251px;
}

.controller .tool li.act-brush.selected a:hover .ico {
    background-position: -459px -251px;
}

.controller .tool li.act-patrol a:hover {
    background-position: -120px -300px;
}

.controller .tool li.act-patrol a:hover .ico {
    background-position: -531px -227px;
}

.controller .tool li.act-track a:hover {
    background-position: -160px -300px;
}

.controller .tool li.act-track a:hover .ico {
    background-position: -315px -629px;
}

/* Active */
.controller .tool li.act-gohome a.active,
.controller .tool li.act-gohome a:active {
    background-position: 0 -500px;
}

.controller .tool li.act-gohome a.active .ico,
.controller .tool li.act-gohome a:active .ico {
    background-position: -435px -427px;
}

.controller .tool li.act-lockptz.selected a,
.controller .tool li.act-lockptz a.active,
.controller .tool li.act-lockptz a:active {
    background-position: 0 -500px;
}

.controller .tool li.act-lockptz.selected a .ico,
.controller .tool li.act-lockptz a.active .ico,
.controller .tool li.act-lockptz a:active .ico {
    background-position: -483px -427px;
}

.controller .tool li.act-zoom3d.selected a,
.controller .tool li.act-zoom3d a.active,
.controller .tool li.act-zoom3d a:active {
    background-position: -40px -500px;
}

.controller .tool li.act-zoom3d.selected a .ico,
.controller .tool li.act-zoom3d a.active .ico,
.controller .tool li.act-zoom3d a:active .ico {
    background-position: -504px -427px;
}

.controller .tool li.act-light.selected a,
.controller .tool li.act-light a.active,
.controller .tool li.act-light a:active {
    background-position: -80px -500px;
}

.controller .tool li.act-light a.active .ico,
.controller .tool li.act-light a:active .ico {
    background-position: -387px -451px;
}

.controller .tool li.act-light.selected a .ico,
.controller .tool li.act-light.selected a.active .ico,
.controller .tool li.act-light.selected a:active .ico {
    background-position: -411px -451px;
}

.controller .tool li.act-brush.selected a,
.controller .tool li.act-brush a.active,
.controller .tool li.act-brush a:active {
    background-position: -120px -500px;
}

.controller .tool li.act-brush a.active .ico,
.controller .tool li.act-brush a:active .ico {
    background-position: -435px -451px;
}

.controller .tool li.act-brush.selected a .ico,
.controller .tool li.act-brush.selected a.active .ico,
.controller .tool li.act-brush.selected a:active .ico {
    background-position: -459px -451px;
}

.controller .tool li.act-patrol.selected a,
.controller .tool li.act-patrol a.active,
.controller .tool li.act-patrol a:active {
    background-position: -120px -500px;
}

.controller .tool li.act-patrol.selected a .ico,
.controller .tool li.act-patrol a.active .ico,
.controller .tool li.act-patrol a:active .ico {
    background-position: -531px -427px;
}

.controller .tool li.act-track.selected a,
.controller .tool li.act-track a.active,
.controller .tool li.act-track a:active {
    background-position: -160px -500px;
}

.controller .tool li.act-track.selected a .ico,
.controller .tool li.act-track a.active .ico,
.controller .tool li.act-track a:active .ico {
    background-position: -364px -630px;
}

/* === 鐘舵�佸伐鍏锋潯 === */
.control-panel .toolbar {
    margin: 6px 0 0;
    width: 213px;
    *zoom: 1;
}

.control-panel .toolbar:before,
.control-panel .toolbar:after {
    display: table;
    content: "";
}

.control-panel .toolbar:after {
    clear: both;
}

.control-panel .toolbar li {
    float: left;
}

.control-panel .toolbar li a {
    margin-right: 7px;
    width: 66px;
    height: 27px;
    display: block;
    background-position: 0 -140px;
}

.control-panel .toolbar li a .ico {
    margin: 5px 24px 4px;
}

.control-panel .toolbar li.opt-flag a .ico {
    background-position: -291px -51px;
}

.control-panel .toolbar li.opt-route a .ico {
    background-position: -315px -51px;
}

.control-panel .toolbar li.opt-patrol a {
    margin-right: 0;
}

.control-panel .toolbar li.opt-patrol a .ico {
    background-position: -339px -51px;
}

/* Hover */
.control-panel .toolbar li a:hover {
    background-position: 0 -340px;
}

.control-panel .toolbar li.opt-flag a:hover .ico {
    background-position: -291px -251px;
}

.control-panel .toolbar li.opt-route a:hover .ico {
    background-position: -315px -251px;
}

.control-panel .toolbar li.opt-patrol a:hover .ico {
    background-position: -339px -251px;
}

/* Active */
.control-panel .toolbar li a.active,
.control-panel .toolbar li a:active,
.control-panel .toolbar li.selected a {
    background-position: 0 -540px;
}

.control-panel .toolbar li.opt-flag a.active .ico,
.control-panel .toolbar li.opt-flag a:active .ico,
.control-panel .toolbar li.opt-flag.selected a .ico {
    background-position: -291px -451px;
}

.control-panel .toolbar li.opt-route a.active .ico,
.control-panel .toolbar li.opt-route a:active .ico,
.control-panel .toolbar li.opt-route.selected a .ico {
    background-position: -315px -451px;
}

.control-panel .toolbar li.opt-patrol a.active .ico,
.control-panel .toolbar li.opt-patrol a:active .ico,
.control-panel .toolbar li.opt-patrol.selected a .ico {
    background-position: -339px -451px;
}

.control-panel .setting {
    margin: 6px 0 0;
    width: 213px;
    clear: both;
    *zoom: 1;
    font-size: 0;
}

.control-panel .setting:before,
.control-panel .setting:after {
    display: table;
    content: "";
}

.control-panel .setting:after {
    clear: both;
}

.control-panel .setting input.point-number {
    width: 104px;
}

.control-panel .setting input.cruise-number {
    width: 110px;
}

.control-panel .setting .preset-container li a {
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-panel .setting .buttonS {
    margin-left: 5px;
    padding: 2px 10px;
}

.control-panel .setting .buttonS span {
    margin-left: 0;
}

.control-panel .setting .act-apply {
    background-position: -363px -51px;
}

.control-panel .setting .act-setting {
    background-position: -531px -75px;
}

.control-panel .setting a:hover .act-apply {
    background-position: -363px -251px;
}

.control-panel .setting a:hover .act-setting {
    background-position: -531px -275px;
}

.control-panel .setting a.active .act-apply,
.control-panel .setting a:active .act-apply {
    background-position: -363px -451px;
}

.control-panel .setting a.active .act-setting,
.control-panel .setting a:active .act-setting {
    background-position: -531px -475px;
}

.control-panel .locked {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.control-panel .locked .ico {
    margin: 0 5px 0 0;
    background-position: -314px -170px;
    vertical-align: -3px;
}

.control-panel .block-locked {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: 5;
}


.control-panel .block-locked .form-horizontal .control-label {
    color: #fff;
    width: 60px;
}

.control-panel .block-locked .form-horizontal .controls {
    margin-left: 60px;
    margin-right: 0;
}

.control-panel .block-locked .form-horizontal .controls input {
    width: 138px;
}

.control-panel .block-locked .form-horizontal .form-actions {
    padding-left: 60px;
}

/* === Video Grids === */
.monitor-container {
    padding-bottom: 45px;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1;
}

.monitor-container .grids {
    box-sizing: border-box;
    background: #262626;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.monitor-container .grids ul {
    background: #fff;
    height: 100%;
}

.monitor-container .grids li.grid {
    float: left;
    display: block;
    width: 50%;
    height: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
}

.monitor-container .grids li.selected {
    border: 1px solid #ff6600;
}

.monitor-container .grids li.ui-sortable-helper {
    background: #262626;
    border: 1px solid #f60;
}

.monitor-container .grids li.ui-sortable-placeholder {
    background: #262626;
    border: 1px solid #f60;
}

.ocx-container {
    position: relative;
    background: #262626;
    height: 100%;
    border-radius: 4px;
    box-sizing: border-box;
}

.monitor-toolbar {
    margin-top: -45px;
    position: relative;
    z-index: 2;
    height: 45px;
    background-color: #ABABAB;
    background-position: 0 -1480px;
}

.monitor-toolbar .video-bar {
    padding: 6px;
    float: left;
}

.monitor-toolbar .window-bar {
    padding: 6px;
    float: right;
}

.monitor-toolbar .window-bar .dropdown-menu {
    left: auto;
    right: -1px;
}

.monitor-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    z-index: 1;
}

.monitor-toolbar .btn-group .caret {
    margin-left: 0;
}

.monitor-toolbar .btn-group.rightdd .buttonS {
    padding-right: 21px;
}

.monitor-toolbar .btn-group.rightdd .dropdown-toggle {
    margin: 1px;
    padding: 5px 3px;
    position: absolute;
    right: 0;
    z-index: 2;
    line-height: 20px;
    border: none !important;
    border-left: 1px solid #ababab !important;
    background: none !important;
    box-shadow: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.monitor-toolbar .bDefault {
    padding: 5px 6px;
    border: 1px solid #737373 !important;
    height: 20px;
    position: relative;
    border-radius: 4px;
    background-color: #9A9A9A;
    background-position: 0 -1200px;
}

.monitor-toolbar .bDefault:hover {
    background-color: #A5A5A5;
    background-position: 0 -1250px;
    border-color: #555555 !important;
}

.monitor-toolbar .bDefault.active,
.monitor-toolbar .bDefault:active,
.monitor-toolbar .btn-group.open .bDefault {
    background-color: #F1F1F1;
    background-position: 0 -1300px;
    border-color: #555555 !important;
}

.monitor-toolbar .bDefault.disabled,
.monitor-toolbar .btn-group.disabled .bDefault {
    color: #a8a8a8 !important;
    border: 1px solid #adadad !important;
    background: #d4d4d4;
    box-shadow: none;
    opacity: 1;
    FILTER: alpha(opacity=100);
    -webkit-filter: grayscale(100%);
}

.monitor-toolbar .btn-group.rightdd.disabled .dropdown-toggle {
    border: none !important;
    border-left: 1px solid #adadad !important;
}

.monitor-toolbar .video-bar .buttonS {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.monitor-toolbar .video-bar .btn-group {
    float: left;
    margin-left: 3px;
    margin-right: 3px;
}

.monitor-toolbar .video-bar .btn-group .buttonS {
    margin: 0;
}

.monitor-toolbar .divider {
    margin: 3px;
    width: 1px;
    height: 26px;
    font-size: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    background: #7E7E7E;
    background: -moz-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ACACAC), color-stop(100%, #7E7E7E));
    background: -webkit-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -o-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: -ms-linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
    background: linear-gradient(top, #ACACAC 0%, #7E7E7E 100%);
}

.monitor-toolbar a.bDefault i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    display: block;
}

.monitor-toolbar .act-save {
    display: none;
}

.monitor-toolbar a.act-save .ico {
    background-position: -411px -75px;
}

.monitor-toolbar .video-bar .btn-group .dropdown-menu li a .checked {
    background-position: -459px -603px;
}

.monitor-toolbar a.act-vcamera .ico {
    background-position: -291px -75px;
}

.monitor-toolbar a.act-camera .ico {
    background-position: -315px -75px;
}

.monitor-toolbar a.act-camera-multi .ico {
    background-position: -339px -75px;
}

.monitor-toolbar a.act-folder .ico {
    background-position: -387px -75px;
}

.monitor-toolbar a.act-vclose .ico {
    background-position: -363px -75px;
}

.monitor-toolbar .unable a.act-camera .ico {
    background-position: -315px -603px;
}

.monitor-toolbar .unable a.act-camera-multi .ico {
    background-position: -339px -603px;
}

.monitor-toolbar a.unable.act-vcamera .ico {
    background-position: -291px -603px;
}

.monitor-toolbar a.unable.act-save .ico {
    background-position: -411px -603px;
}

.monitor-toolbar a.unable.act-vclose .ico {
    background-position: -363px -603px;
}

.monitor-toolbar .dropdown-menu dl li {
    text-align: center;
    width: 56px;
}

.window-bar .btn-group .ico {
    width: 21px;
}

/* Normal Screen */
.screen-normal a.act-grids-square1 .ico {
    background-position: -289px -99px;
}

.screen-normal a.act-grids-square4 .ico {
    background-position: -313px -99px;
}

.screen-normal a.act-grids-square9 .ico {
    background-position: -337px -99px;
}

.screen-normal a.act-grids-square16 .ico {
    background-position: -361px -99px;
}

.screen-normal a.act-grids-square25 .ico {
    background-position: -385px -99px;
}

.screen-normal a.act-grids-prominent6 .ico {
    background-position: -409px -99px;
}

.screen-normal a.act-grids-mix7 .ico {
    background-position: -433px -99px;
}

.screen-normal a.act-grids-prominent8 .ico {
    background-position: -457px -99px;
}

.screen-normal a.act-grids-mix10 .ico {
    background-position: -481px -99px;
}

.screen-normal a.act-grids-prominent10 .ico {
    background-position: -505px -99px;
}

.screen-normal a.act-grids-mix13 .ico {
    background-position: -529px -99px;
}

.screen-normal a.act-grids-prominent13 .ico {
    background-position: -553px -99px;
}

.screen-normal a.act-grids-mix14 .ico {
    background-position: -577px -99px;
}

.screen-normal a.act-grids-prominent17 .ico {
    background-position: -601px -99px;
}

/* Wide Screen */
.screen-wide a.act-grids-square1 .ico {
    background-position: -289px -123px;
}

.screen-wide a.act-grids-prominent3 .ico {
    background-position: -313px -123px;
}

.screen-wide a.act-grids-prominent4 .ico {
    background-position: -337px -123px;
}

.screen-wide a.act-grids-square6 .ico {
    background-position: -361px -123px;
}

.screen-wide a.act-grids-mix6 .ico {
    background-position: -385px -123px;
}

.screen-wide a.act-grids-prominent7 .ico {
    background-position: -409px -123px;
}

.screen-wide a.act-grids-prominent9 .ico {
    background-position: -433px -123px;
}

.screen-wide a.act-grids-square12 .ico {
    background-position: -457px -123px;
}

.screen-wide a.act-grids-mix12 .ico {
    background-position: -481px -123px;
}

.screen-wide a.act-grids-square15 .ico {
    background-position: -505px -123px;
}

.screen-wide a.act-grids-mix15 .ico {
    background-position: -529px -123px;
}

.screen-wide a.act-grids-square24 .ico {
    background-position: -553px -123px;
}

.monitor-toolbar a.act-adaptive .ico {
    background-position: -459px -75px;
}

.monitor-toolbar a.act-normal .ico {
    background-position: -435px -75px;
}

.monitor-toolbar a.act-fullscreen .ico {
    background-position: -483px -75px;
}

.monitor-toolbar a.act-fullscreen.selected .ico {
    background-position: -507px -75px;
}

.monitor-toolbar a.act-setting .ico {
    background-position: -531px -75px;
}

/* yuyan1 screan */
.screen-yuyan1 a.act-grids-square1 .ico {
    background-position: -289px -99px;
}

.screen-yuyan1 a.act-grids-square2 .ico {
    background-position: -577px -123px;
}

.screen-yuyan1 a.act-grids-square4 .ico {
    background-position: -313px -99px;
}

.screen-yuyan1 a.act-grids-square9 .ico {
    background-position: -337px -99px;
}

/* yuyan2 screan */
.screen-yuyan2 a.act-grids-square1 .ico {
    background-position: -289px -99px;
}

.screen-yuyan2 a.act-grids-prominent3 .ico {
    background-position: -313px -123px;
}

.screen-yuyan2 a.act-grids-square4 .ico {
    background-position: -313px -99px;
}

.screen-yuyan2 a.act-grids-square9 .ico {
    background-position: -337px -99px;
}

/* Hover */
.monitor-toolbar a.act-save:hover .ico {
    background-position: -411px -275px;
}

.monitor-toolbar a.act-vcamera:hover .ico {
    background-position: -291px -275px;
}

.monitor-toolbar a.act-camera:hover .ico {
    background-position: -315px -275px;
}

.monitor-toolbar a.act-camera-multi:hover .ico {
    background-position: -339px -275px;
}

.monitor-toolbar a.act-folder:hover .ico {
    background-position: -387px -275px;
}

.monitor-toolbar a.act-vclose:hover .ico {
    background-position: -363px -275px;
}

.monitor-toolbar .unable a.act-camera:hover .ico {
    background-position: -315px -603px;
}

.monitor-toolbar .unable a.act-camera-multi:hover .ico {
    background-position: -339px -603px;
}

.monitor-toolbar a.unable.act-vcamera:hover .ico {
    background-position: -291px -603px;
}

.monitor-toolbar a.unable.act-save:hover .ico {
    background-position: -411px -603px;
}

.monitor-toolbar a.unable.act-vclose:hover .ico {
    background-position: -363px -603px;
}

/* Normal Screen */
.screen-normal a.act-grids-square1:hover .ico {
    background-position: -289px -299px;
}

.screen-normal a.act-grids-square4:hover .ico {
    background-position: -313px -299px;
}

.screen-normal a.act-grids-square9:hover .ico {
    background-position: -337px -299px;
}

.screen-normal a.act-grids-square16:hover .ico {
    background-position: -361px -299px;
}

.screen-normal a.act-grids-square25:hover .ico {
    background-position: -385px -299px;
}

.screen-normal a.act-grids-prominent6:hover .ico {
    background-position: -409px -299px;
}

.screen-normal a.act-grids-mix7:hover .ico {
    background-position: -433px -299px;
}

.screen-normal a.act-grids-prominent8:hover .ico {
    background-position: -457px -299px;
}

.screen-normal a.act-grids-mix10:hover .ico {
    background-position: -481px -299px;
}

.screen-normal a.act-grids-prominent10:hover .ico {
    background-position: -505px -299px;
}

.screen-normal a.act-grids-mix13:hover .ico {
    background-position: -529px -299px;
}

.screen-normal a.act-grids-prominent13:hover .ico {
    background-position: -553px -299px;
}

.screen-normal a.act-grids-mix14:hover .ico {
    background-position: -577px -299px;
}

.screen-normal a.act-grids-prominent17:hover .ico {
    background-position: -601px -299px;
}

/* Wide Screen */
.screen-wide a.act-grids-square1:hover .ico {
    background-position: -289px -323px;
}

.screen-wide a.act-grids-prominent3:hover .ico {
    background-position: -313px -323px;
}

.screen-wide a.act-grids-prominent4:hover .ico {
    background-position: -337px -323px;
}

.screen-wide a.act-grids-square6:hover .ico {
    background-position: -361px -323px;
}

.screen-wide a.act-grids-mix6:hover .ico {
    background-position: -385px -323px;
}

.screen-wide a.act-grids-prominent7:hover .ico {
    background-position: -409px -323px;
}

.screen-wide a.act-grids-prominent9:hover .ico {
    background-position: -433px -323px;
}

.screen-wide a.act-grids-square12:hover .ico {
    background-position: -457px -323px;
}

.screen-wide a.act-grids-mix12:hover .ico {
    background-position: -481px -323px;
}

.screen-wide a.act-grids-square15:hover .ico {
    background-position: -505px -323px;
}

.screen-wide a.act-grids-mix15:hover .ico {
    background-position: -529px -323px;
}

.screen-wide a.act-grids-square24:hover .ico {
    background-position: -553px -323px;
}

.monitor-toolbar a.act-adaptive:hover .ico {
    background-position: -459px -275px;
}

.monitor-toolbar a.act-normal:hover .ico {
    background-position: -435px -275px;
}

.monitor-toolbar a.act-fullscreen:hover .ico {
    background-position: -483px -275px;
}

.monitor-toolbar a.act-fullscreen.selected:hover .ico {
    background-position: -507px -275px;
}

.monitor-toolbar a.act-setting:hover .ico {
    background-position: -531px -275px;
}

/* yuyan1 screan */
.screen-yuyan1 a.act-grids-square1:hover .ico {
    background-position: -289px -299px;
}

.screen-yuyan1 a.act-grids-square2:hover .ico {
    background-position: -577px -323px;
}

.screen-yuyan1 a.act-grids-square4:hover .ico {
    background-position: -313px -299px;
}

.screen-yuyan1 a.act-grids-square9:hover .ico {
    background-position: -337px -299px;
}

/* yuyan2 screan */
.screen-yuyan2 a.act-grids-square1:hover .ico {
    background-position: -289px -299px;
}

.screen-yuyan2 a.act-grids-prominent3:hover .ico {
    background-position: -313px -323px;
}

.screen-yuyan2 a.act-grids-square4:hover .ico {
    background-position: -313px -299px;
}

.screen-yuyan2 a.act-grids-square9:hover .ico {
    background-position: -337px -299px;
}

/* Active */
.monitor-toolbar a.act-save.selected .ico,
.monitor-toolbar a.act-save.active .ico,
.monitor-toolbar a.act-save:active .ico {
    background-position: -411px -475px;
}

.monitor-toolbar a.act-vcamera.selected .ico,
.monitor-toolbar a.act-vcamera.active .ico,
.monitor-toolbar a.act-vcamera:active .ico {
    background-position: -291px -475px;
}

.monitor-toolbar a.act-camera.selected .ico,
.monitor-toolbar a.act-camera.active .ico,
.monitor-toolbar a.act-camera:active .ico,
.monitor-toolbar .open a.act-camera .ico {
    background-position: -315px -475px;
}

.monitor-toolbar a.act-camera-multi.selected .ico,
.monitor-toolbar a.act-camera-multi.active .ico,
.monitor-toolbar a.act-camera-multi:active .ico,
.monitor-toolbar .open a.act-camera-multi .ico {
    background-position: -339px -475px;
}

.monitor-toolbar a.act-folder.selected .ico,
.monitor-toolbar a.act-folder.active .ico,
.monitor-toolbar a.act-folder:active .ico,
.monitor-toolbar .open a.act-folder .ico {
    background-position: -387px -475px;
}

.monitor-toolbar a.act-vclose.selected .ico,
.monitor-toolbar a.act-vclose.active .ico,
.monitor-toolbar a.act-vclose:active .ico {
    background-position: -363px -475px;
}

.monitor-toolbar .unable a.act-camera.selected .ico,
.monitor-toolbar .unable a.act-camera.active .ico,
.monitor-toolbar .unable a.act-camera:active .ico {
    background-position: -315px -603px;
}

.monitor-toolbar .unable a.act-camera-multi.selected .ico,
.monitor-toolbar .unable a.act-camera-multi.active .ico,
.monitor-toolbar .unable a.act-camera-multi:active .ico {
    background-position: -339px -603px;
}

.monitor-toolbar a.unable.act-vcamera.selected .ico,
.monitor-toolbar a.unable.act-vcamera.active .ico,
.monitor-toolbar a.unable.act-vcamera:active .ico {
    background-position: -291px -603px;
}

.monitor-toolbar a.unable.act-save.selected .ico,
.monitor-toolbar a.unable.act-save.active .ico,
.monitor-toolbar a.unable.act-save:active .ico {
    background-position: -411px -603px;
}

.monitor-toolbar a.unable.act-vclose.selected .ico,
.monitor-toolbar a.unable.act-vclose.active .ico,
.monitor-toolbar a.unable.act-vclose:active .ico {
    background-position: -363px -603px;
}

/* Normal Screen */
.screen-normal a.act-grids-square1.selected .ico,
.screen-normal a.act-grids-square1.active .ico,
.screen-normal a.act-grids-square1:active .ico {
    background-position: -289px -499px;
}

.screen-normal a.act-grids-square4.selected .ico,
.screen-normal a.act-grids-square4.active .ico,
.screen-normal a.act-grids-square4:active .ico {
    background-position: -313px -499px;
}

.screen-normal a.act-grids-square9.selected .ico,
.screen-normal a.act-grids-square9.active .ico,
.screen-normal a.act-grids-square9:active .ico {
    background-position: -337px -499px;
}

.screen-normal a.act-grids-square16.selected .ico,
.screen-normal a.act-grids-square16.active .ico,
.screen-normal a.act-grids-square16:active .ico {
    background-position: -361px -499px;
}

.screen-normal a.act-grids-square25.selected .ico,
.screen-normal a.act-grids-square25.active .ico,
.screen-normal a.act-grids-square25:active .ico {
    background-position: -385px -499px;
}

.screen-normal a.act-grids-prominent6.selected .ico,
.screen-normal a.act-grids-prominent6.active .ico,
.screen-normal a.act-grids-prominent6:active .ico {
    background-position: -409px -499px;
}

.screen-normal a.act-grids-mix7.selected .ico,
.screen-normal a.act-grids-mix7.active .ico,
.screen-normal a.act-grids-mix7:active .ico {
    background-position: -433px -499px;
}

.screen-normal a.act-grids-prominent8.selected .ico,
.screen-normal a.act-grids-prominent8.active .ico,
.screen-normal a.act-grids-prominent8:active .ico {
    background-position: -457px -499px;
}

.screen-normal a.act-grids-mix10.selected .ico,
.screen-normal a.act-grids-mix10.active .ico,
.screen-normal a.act-grids-mix10:active .ico {
    background-position: -481px -499px;
}

.screen-normal a.act-grids-prominent10.selected .ico,
.screen-normal a.act-grids-prominent10.active .ico,
.screen-normal a.act-grids-prominent10:active .ico {
    background-position: -505px -499px;
}

.screen-normal a.act-grids-mix13.selected .ico,
.screen-normal a.act-grids-mix13.active .ico,
.screen-normal a.act-grids-mix13:active .ico {
    background-position: -529px -499px;
}

.screen-normal a.act-grids-prominent13.selected .ico,
.screen-normal a.act-grids-prominent13.active .ico,
.screen-normal a.act-grids-prominent13:active .ico {
    background-position: -553px -499px;
}

.screen-normal a.act-grids-mix14.selected .ico,
.screen-normal a.act-grids-mix14.active .ico,
.screen-normal a.act-grids-mix14:active .ico {
    background-position: -577px -499px;
}

.screen-normal a.act-grids-prominent17.selected .ico,
.screen-normal a.act-grids-prominent17.active .ico,
.screen-normal a.act-grids-prominent17:active .ico {
    background-position: -601px -499px;
}

/* Wide Screen */
.screen-wide a.act-grids-square1.selected .ico,
.screen-wide a.act-grids-square1.active .ico,
.screen-wide a.act-grids-square1:active .ico {
    background-position: -289px -523px;
}

.screen-wide a.act-grids-prominent3.selected .ico,
.screen-wide a.act-grids-prominent3.active .ico,
.screen-wide a.act-grids-prominent3:active .ico {
    background-position: -313px -523px;
}

.screen-wide a.act-grids-prominent4.selected .ico,
.screen-wide a.act-grids-prominent4.active .ico,
.screen-wide a.act-grids-prominent4:active .ico {
    background-position: -337px -523px;
}

.screen-wide a.act-grids-square6.selected .ico,
.screen-wide a.act-grids-square6.active .ico,
.screen-wide a.act-grids-square6:active .ico {
    background-position: -361px -523px;
}

.screen-wide a.act-grids-mix6.selected .ico,
.screen-wide a.act-grids-mix6.active.ico,
.screen-wide a.act-grids-mix6:active.ico {
    background-position: -385px -523px;
}

.screen-wide a.act-grids-prominent7.selected .ico,
.screen-wide a.act-grids-prominent7.active .ico,
.screen-wide a.act-grids-prominent7:active .ico {
    background-position: -409px -523px;
}

.screen-wide a.act-grids-prominent9.selected .ico,
.screen-wide a.act-grids-prominent9.active .ico,
.screen-wide a.act-grids-prominent9:active .ico {
    background-position: -433px -523px;
}

.screen-wide a.act-grids-square12.selected .ico,
.screen-wide a.act-grids-square12.active .ico,
.screen-wide a.act-grids-square12:active .ico {
    background-position: -457px -523px;
}

.screen-wide a.act-grids-mix12.selected .ico,
.screen-wide a.act-grids-mix12.active .ico,
.screen-wide a.act-grids-mix12:active .ico {
    background-position: -481px -523px;
}

.screen-wide a.act-grids-square15.selected .ico,
.screen-wide a.act-grids-square15.active .ico,
.screen-wide a.act-grids-square15:active .ico {
    background-position: -505px -523px;
}

.screen-wide a.act-grids-mix15.selected .ico,
.screen-wide a.act-grids-mix15.active .ico,
.screen-wide a.act-grids-mix15:active .ico {
    background-position: -529px -523px;
}

.screen-wide a.act-grids-square24.selected .ico,
.screen-wide a.act-grids-square24.active .ico,
.screen-wide a.act-grids-square24:active .ico {
    background-position: -553px -523px;
}

.monitor-toolbar a.act-adaptive.selected .ico,
.monitor-toolbar a.act-adaptive.active .ico,
.monitor-toolbar a.act-adaptive:active .ico {
    background-position: -459px -475px;
}

.monitor-toolbar a.act-normal.selected .ico,
.monitor-toolbar a.act-normal.active .ico,
.monitor-toolbar a.act-normal:active .ico {
    background-position: -435px -475px;
}

.monitor-toolbar a.act-fullscreen.active .ico,
.monitor-toolbar a.act-fullscreen:active .ico {
    background-position: -483px -475px;
}

.monitor-toolbar a.act-fullscreen.selected .ico,
.monitor-toolbar a.act-fullscreen.selected:active .ico {
    background-position: -507px -475px;
}

.monitor-toolbar a.act-setting.active .ico,
.monitor-toolbar a.act-setting:active .ico {
    background-position: -531px -475px;
}

/* yuyan1 screan */
.screen-yuyan1 a.act-grids-square1.selected .ico,
.screen-yuyan1 a.act-grids-square1.active .ico,
.screen-yuyan1 a.act-grids-square1:active .ico {
    background-position: -289px -499px;
}

.screen-yuyan1 a.act-grids-square2.selected .ico,
.screen-yuyan1 a.act-grids-square2.active .ico,
.screen-yuyan1 a.act-grids-square2:active .ico {
    background-position: -577px -523px;
}

.screen-yuyan1 a.act-grids-square4.selected .ico,
.screen-yuyan1 a.act-grids-square4.active .ico,
.screen-yuyan1 a.act-grids-square4:active .ico {
    background-position: -313px -499px;
}

.screen-yuyan1 a.act-grids-square9.selected .ico,
.screen-yuyan1 a.act-grids-square9.active .ico,
.screen-yuyan1 a.act-grids-square9:active .ico {
    background-position: -337px -499px;
}

/* yuyan2 screan */
.screen-yuyan2 a.act-grids-square1.selected .ico,
.screen-yuyan2 a.act-grids-square1.active .ico,
.screen-yuyan2 a.act-grids-square1:active .ico {
    background-position: -289px -499px;
}

.screen-yuyan2 a.act-grids-prominent3.selected .ico,
.screen-yuyan2 a.act-grids-prominent3.active .ico,
.screen-yuyan2 a.act-grids-prominent3:active .ico {
    background-position: -313px -523px;
}

.screen-yuyan2 a.act-grids-square4.selected .ico,
.screen-yuyan2 a.act-grids-square4.active .ico,
.screen-yuyan2 a.act-grids-square4:active .ico {
    background-position: -313px -499px;
}

.screen-yuyan2 a.act-grids-square9.selected .ico,
.screen-yuyan2 a.act-grids-square9.active .ico,
.screen-yuyan2 a.act-grids-square9:active .ico {
    background-position: -337px -499px;
}

/* Video Parameter */
.video-param dl {}

.video-param dt {
    position: relative;
}

.video-param dt .controls {
    position: absolute;
    right: 0;
    bottom: -19px;
}

.video-param dt .controls input {
    margin: 4px 0 0;
    margin: 6px 0 0 \9;
    width: 20px;
    height: 12px;
    line-height: 12px;
}

.video-param dd {
    clear: both;
    margin-right: 60px;
}

.video-param .ui-spinner {
    display: inline;
}

/* OCX */
.ico.ocx-recording,
.ico.ocx-voice,
.ico.ocx-tag,
.ico.ocx-record,
.ico.ocx-capture,
.ico.ocx-intel,
.ico.ocx-multiCapture,
.ico.ocx-playback,
.ico.ocx-digitalZzoom,
.ico.ocx-manualAlarm,
.ico.ocx-ptzControl,
.ico.ocx-valume,
.ico.ocx-voiceIntercom,
.ico.ocx-spotInfo,
.ico.ocx-setting,
.ico.ocx-streamCode,
.ico.ocx-close,
.ico.ocx-save,
.ico.ocx-clip,
.ico.ocx-pstream,
.ico.ocx-cstream,
.ico.ocx-ostream,
.ico.ocx-istream,
.ico.ocx-fault,
.ico.ocx-yuyan,
.ico.ocx-zoom3d,
.ocx-draggable li i,
.ocx-sortable li i,
.ocx-controler a {
    background: url(../images/video/sprite_ocx.png) no-repeat -9999px 0;
    width: 20px;
    height: 20px;
}

.ico.ocx-recording {
    background-position: -74px -74px;
}

.ico.ocx-voice {
    background-position: -98px -74px;
}

.mute .ico.ocx-voice {
    background-position: -122px -74px;
}

/* 棰勮宸ュ叿鏍� 鍥炬爣 */
.ico.ocx-tag {
    background-position: -2px -2px;
}

.ico.ocx-record {
    background-position: -26px -2px;
}

.ico.ocx-capture {
    background-position: -50px -2px;
}

.ico.ocx-playback {
    background-position: -74px -2px;
}

.ico.ocx-digitalZzoom {
    background-position: -98px -2px;
}

.ico.ocx-manualAlarm {
    background-position: -122px -2px;
}

.ico.ocx-ptzControl {
    background-position: -146px -2px;
}

.ico.ocx-valume {
    background-position: -170px -2px;
}

.ico.ocx-voiceIntercom {
    background-position: -194px -2px;
}

.ico.ocx-spotInfo {
    background-position: -218px -2px;
}

.ico.ocx-setting {
    background-position: -242px -2px;
}

.ico.ocx-streamCode {
    background-position: -266px -2px;
}

.ico.ocx-close {
    background-position: -290px -2px;
}

.ico.ocx-save {
    background-position: -2px -26px;
}

.ico.ocx-multiCapture {
    background-position: -26px -26px;
}

.ico.ocx-clip {
    background-position: -50px -26px;
}

.ico.ocx-intel {
    background-position: -74px -26px;
}

.ico.ocx-fault {
    background-position: -98px -26px;
}

.ico.ocx-pstream {
    background-position: -74px -26px;
}

.ico.ocx-cstream {
    background-position: -98px -26px;
}

.ico.ocx-ostream {
    background-position: -122px -26px;
}

.ico.ocx-istream {
    background-position: -146px -26px;
}

.ico.ocx-fault {
    background-position: -170px -26px;
}

.ico.ocx-yuyan {
    background-position: -194px -26px;
}

.ico.ocx-zoom3d {
    background-position: -216px -26px;
    width: 24px;
}

/* Hover */
a:hover .ico.ocx-tag {
    background-position: -2px -202px;
}

a:hover .ico.ocx-record {
    background-position: -26px -202px;
}

a:hover .ico.ocx-capture {
    background-position: -50px -202px;
}

a:hover .ico.ocx-playback {
    background-position: -74px -202px;
}

a:hover .ico.ocx-digitalZzoom {
    background-position: -98px -202px;
}

a:hover .ico.ocx-manualAlarm {
    background-position: -122px -202px;
}

a:hover .ico.ocx-ptzControl {
    background-position: -146px -202px;
}

a:hover .ico.ocx-valume {
    background-position: -170px -202px;
}

a:hover .ico.ocx-voiceIntercom {
    background-position: -194px -202px;
}

a:hover .ico.ocx-spotInfo {
    background-position: -218px -202px;
}

a:hover .ico.ocx-setting {
    background-position: -242px -202px;
}

a:hover .ico.ocx-streamCode {
    background-position: -266px -202px;
}

a:hover .ico.ocx-close {
    background-position: -290px -202px;
}

a:hover .ico.ocx-save {
    background-position: -2px -226px;
}

a:hover .ico.ocx-multiCapture {
    background-position: -26px -226px;
}

a:hover .ico.ocx-clip {
    background-position: -50px -226px;
}

a:hover .ico.ocx-pstream {
    background-position: -74px -226px;
}

a:hover .ico.ocx-cstream {
    background-position: -98px -226px;
}

a:hover .ico.ocx-ostream {
    background-position: -122px -226px;
}

a:hover .ico.ocx-istream {
    background-position: -146px -226px;
}

a:hover .ico.ocx-fault {
    background-position: -170px -226px;
}

a:hover .ico.ocx-yuyan {
    background-position: -194px -226px;
}

a:hover .ico.ocx-zoom3d {
    background-position: -216px -226px;
}

/* Active */
a:active .ico.ocx-tag,
a.active .ico.ocx-tag {
    background-position: -2px -402px;
}

a:active .ico.ocx-record,
a.active .ico.ocx-record {
    background-position: -26px -402px;
}

a:active .ico.ocx-capture,
a.active .ico.ocx-capture {
    background-position: -50px -402px;
}

a:active .ico.ocx-playback,
a.active .ico.ocx-playback {
    background-position: -74px -402px;
}

a:active .ico.ocx-digitalZzoom,
a.active .ico.ocx-digitalZzoom {
    background-position: -98px -402px;
}

a:active .ico.ocx-manualAlarm,
a.active .ico.ocx-manualAlarm {
    background-position: -122px -402px;
}

a:active .ico.ocx-ptzControl,
a.active .ico.ocx-ptzControl {
    background-position: -146px -402px;
}

a:active .ico.ocx-valume,
a.active .ico.ocx-valume {
    background-position: -170px -402px;
}

a:active .ico.ocx-voiceIntercom,
a.active .ico.ocx-voiceIntercom {
    background-position: -194px -402px;
}

a:active .ico.ocx-spotInfo,
a.active .ico.ocx-spotInfo {
    background-position: -218px -402px;
}

a:active .ico.ocx-setting,
a.active .ico.ocx-setting {
    background-position: -242px -402px;
}

a:active .ico.ocx-streamCode,
a.active .ico.ocx-streamCode {
    background-position: -266px -402px;
}

a:active .ico.ocx-close,
a.active .ico.ocx-close {
    background-position: -290px -402px;
}

a:active .ico.ocx-save,
a.active .ico.ocx-save {
    background-position: -2px -426px;
}

a:active .ico.ocx-multiCapture,
a.active .ico.ocx-multiCapture {
    background-position: -26px -426px;
}

a:active .ico.ocx-clip,
a.active .ico.ocx-clip {
    background-position: -50px -426px;
}

a:active .ico.ocx-pstream,
a.active .ico.ocx-pstream {
    background-position: -74px -426px;
}

a:active .ico.ocx-cstream,
a.active .ico.ocx-cstream {
    background-position: -98px -426px;
}

a:active .ico.ocx-ostream,
a.active .ico.ocx-ostream {
    background-position: -122px -426px;
}

a:active .ico.ocx-istream,
a.active .ico.ocx-istream {
    background-position: -146px -426px;
}

a:active .ico.ocx-fault,
a.active .ico.ocx-fault {
    background-position: -170px -426px;
}

a:active .ico.ocx-yuyan,
a.active .ico.ocx-yuyan {
    background-position: -194px -426px;
}

a:active .ico.ocx-zoom3d,
a.active .ico.ocx-zoom3d {
    background-position: -216px -426px;
}

.ocx-draggable,
.ocx-sortable {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
}

.ocx-draggable.hover,
.ocx-sortable.hover {
    border: 1px solid #ff6600;
}

.ocx-draggable li,
.ocx-sortable li {
    margin: 2px;
    float: left;
    display: block;
    width: 80px;
}

.ocx-draggable li a,
.ocx-sortable li a {
    padding: 6px;
    position: relative;
    width: 20px;
    height: 20px;
    display: block;
    background: #21252B;
    border-radius: 4px;
    cursor: move;
}

.ocx-draggable li>span {
    padding: 10px 0;
    display: block;
}

.ocx-draggable .ui-draggable-dragging,
.ocx-sortable .ui-sortable-helper {
    background: none;
    width: auto;
    opacity: 0.5;
    FILTER: alpha(opacity=50);
}

.ocx-draggable .ui-draggable-dragging>span,
.ocx-sortable li>span {
    display: none;
}

.ocx-draggable .ui-draggable-dragging i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: 0 -72px;
}

.ocx-draggable .ui-draggable-disabled {
    opacity: 1;
}

.ocx-draggable .ui-draggable-disabled,
.ocx-draggable .ui-draggable,
.ocx-draggable .ui-state-disabled {
    filter: none;
}

.ocx-draggable li.ui-draggable-disabled i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: -24px -72px;
}

.ocx-sortable {
    height: 72px;
}

.ocx-sortable li {
    width: auto;
}

.ocx-sortable .ui-sortable-placeholder {
    background: #ccc;
    border-radius: 4px;
}

.ocx-sortable li.deleting i {
    position: absolute;
    right: -12px;
    bottom: -12px;
    width: 24px;
    height: 24px;
    background-position: -48px -72px;
}

/* === Slider === */
.sliderbar {
    min-width: 300px;
    min-height: 40px;
    padding: 10px 0;
    position: absolute;
    overflow: hidden !important;
}

.sliderbar ul li {
    padding: 0 0 10px;
    font-size: 12px;
    line-height: 12px;
    float: left;
    display: block;
    width: 33.333333%;
    text-align: center;
    background: url(../images/video/time_line.png) no-repeat center bottom;
}

.sliderbar .ui-slider-horizontal {
    margin: 8px 16.66666%;
}

/* === Video Type === */
.i-plan-video,
.i-movement-spy,
.i-alarm-video {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.i-plan-video {
    background: #4B8DD7;
}

.i-movement-spy {
    background: #E7B930;
}

.i-alarm-video {
    background: #b31919;
}

/* === fish eye ===*/
.yuyanTab {
    background: #ffe032;
    height: 30px;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 2;
}

.closeB {
    width: 15px;
    height: 20px;
    cursor: pointer;
    padding-right: 10px;
    background: url(../images/video/close.png) no-repeat -50% 0;
}

/* === views in preview === */
.view-menu {
    overflow: auto;
    height: 500px;
}